<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">
	$(document).ready(function() {
		//Sicherheitsabfrage: Datensatz wirklich loeschen
		$('.ask-plain').click(function(e) {

			e.preventDefault();
			thisHref = $(this).attr('href');

			if (confirm('Angebot wirklich loeschen ?')) {
				window.location = thisHref;
			}
		});
	});
	$(function() {
		$("#datepicker").datepicker();
	});
	$(function() {
		$("#datepicker2").datepicker();
	});
	jQuery(function() {
		$.datepicker.regional['de'] = {
			clearText : 'löschen',
			clearStatus : 'aktuelles Datum löschen',
			closeText : 'schließen',
			closeStatus : 'ohne Änderungen schließen',
			prevText : '<zurück', prevStatus: 'letzten Monat zeigen',
                      nextText: 'Vor>',
			nextStatus : 'nächsten Monat zeigen',
			currentText : 'heute',
			currentStatus : '',
			monthNames : [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni',
					'Juli', 'August', 'September', 'Oktober', 'November',
					'Dezember' ],
			monthNamesShort : [ 'Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun',
					'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez' ],
			monthStatus : 'anderen Monat anzeigen',
			yearStatus : 'anderes Jahr anzeigen',
			weekHeader : 'Wo',
			weekStatus : 'Woche des Monats',
			dayNames : [ 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch',
					'Donnerstag', 'Freitag', 'Samstag' ],
			dayNamesShort : [ 'So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa' ],
			dayNamesMin : [ 'So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa' ],
			dayStatus : 'Setze DD als ersten Wochentag',
			dateStatus : 'Wähle D, M d',
			dateFormat : 'dd.mm.yy',
			minDate : 0,
			firstDay : 1,
			initStatus : 'Wähle ein Datum',
			isRTL : false
		};
		$.datepicker.setDefaults($.datepicker.regional['de']);
	});
	$(function() {
		$("#check").button();
		$("#angebotstyp").buttonset();
	});

	$(function() {
		$("input:submit, a, button", ".eintragen").button();
		$("a", ".demo").click(function() {
			return false;
		});
	});
	$(function() {
		function log(message) {
			$("<div/>").text(message).prependTo("#log");
			$("#log").scrollTop(0);
		}
	});
</script>
<div class="hinweis">
	Bitte trage hier die Daten deiner Anfrage ein. Diese wird dann an
	<c:out value="${anbieter.getVorname()}" />
	<c:out value="${anbieter.getNachname()}" />
	weitergeleitet!
</div>
<div class="eintragen">
	<div class="images">
		<img
			src='img/couch<c:out value="${anbieter.getStateCouch().getId()}"/>.png'>
		<img
			src='img/internet<c:out value="${anbieter.getStateInternet().getId()}"/>.png'>
		<img
			src='img/stadt<c:out value="${anbieter.getStateZeigeStadt().getId()}"/>.png'>
		<img
			src='img/parkplatz<c:out value="${anbieter.getStateParkplatz().getId()}"/>.png'>
	</div>
	<div style="clear: both;">
		<form method="post" action="SpeichernAnfrage.html">
			<div class="date">
				<h2>Von</h2>
				<input id="datepicker" name="von" type="text" readonly="readonly"
					value="<c:out value="${von}" />">
				<h2>Bis</h2>
				<input id="datepicker2" name="bis" type="text" readonly="readonly"
					value="<c:out value="${bis}" />">
			</div>
			<textarea name="kommentar" cols="50" rows="10">Hallo <c:out value="${anbieter.getVorname()}" />,</textarea>
			<div class="clear"></div>
			<input type="hidden" name="anbieter_id"	value='<c:out value="${anbieter.getId()}"/>'>
			<input type="submit" value="Anfrage abschicken" />
		</form>
	</div>
</div>

<c:if test="${!empty msg}">
	<div title="Nachricht"
		style="height: 150px; min-height: 130px; width: 400px;"
		class="ui-dialog-content ui-widget-content" id="dialog">
		<p>
			<span class="ui-icon ui-icon-info"
				style="float: left; margin-right: .3em;"></span>
			<c:out value="${msg}" />
		</p>
	</div>
</c:if>
<c:if test="${errormsg.isEmpty() == false}">
	<div title="Fehler" class="ui-dialog-content ui-widget-content fehler" id="dialog">
		<p>
			<span class="ui-icon ui-icon-alert"
				style="float: left; margin-right: .3em;"></span>
		</p>
		<ol>
			<c:forEach items="${errormsg}" var="errormeldung">
				<li style="color: red">${errormeldung}</li>
			</c:forEach>
		</ol>
	</div>

</c:if>
